<template>
  <div v-if="visible" class="box">
    <span @click="$emit('update:visible',false)">x</span>
    子组
  </div>
</template>

<script>
export default {
  props: {
    visible: {
      type: Boolean,
      required: true
    }
  },
  data() {
    return {}
  },
  methods: {}
}
</script>

<style scoped lang='scss'>
.box{
    width: 200px;
    height: 200px;
    border:2px solid blue;
}
</style>
